*{
    padding:0;
    margin:0;
}
li{
    list-style: none;
}
body{
    color:#6f597d;
}
label{
    font-weight:normal;
}
.wrap>div{
    float:left;
    width:83%;
}
.wrap>div:last-child{
    width:15%;
    margin-left:2%;
}
.panel{
    border:none;
    box-shadow:0 0 13px #b5b9bd;
}
.panel-default > .panel-heading{
    padding:0.8em;
    border-color:transparent;
    color:#6f597d;
}
.basic-info li{
    float:left;
    width:33.3%;
    height:34px;
    line-height:34px;
}
.basic-info li:nth-child(4),.basic-info li:last-child{
    width:50%;
}
.basic-info li textArea.form-control{
    display:inline-block;
    width:70%;
    vertical-align:middle;
    resize:none;
}
.min-h{
    min-height:98px;
}
.min-h p{
    margin-bottom:0;
    line-height:67px;
}
.stage-tabs >div,.stage-labels>div{
    float:left;
    overflow: hidden;
    color:#fff;
}
.stage-tabs>div.usable{
    color:#969696;
}
.stage-tabs>div.forbidden{
    color:#c2c2c2;
}
.prev,.next{
    width:3%;
    font-size:2em;
    text-align:center;
    margin-bottom:0.5em;
}
.stage-labels{
    width:94%;
}
.stage-labels>div{
    width:20%;
    background:#CCC;
    border-right:1px solid #fff;
}
.stage-labels>div:last-child{
    border-right:none;
}
.stage-label>div{
    float:left;
    width:20%;
    height:40px;
    display: flex;
    display: -webkit-flex; /* Safari */
    align-items:center;
    justify-content:center;
    text-align:center;
}
.stage-label>div:last-child{
    width:80%;
    border-left:1px solid #fff;
}
.stage-labels>div.hide{
    display:none;
}
.stage-labels>div.selected{
    background:#51A843!important;
}
.stage-labels>div.transition{
    background:#ffb054;
}
.stage-labels>div.done{
    background:#7FCC78;
}
.main-question>div{
    float:left;
    position:relative;
    overflow: hidden;
    width:24.4%;
    padding-top:0.3em;
    margin-right:0.8%;
    margin-bottom:0.8em;
    height:160px;
    background:#fff;
    border-radius:5px;
    box-shadow:rgb(204, 204, 204) 0px 0px 7px;
    text-align:center;
}
.main-question>div.bg-0{
    background:#CCC;
    color:#fff;
}
.main-question>div.bg-0 .item-scores>div{
    border-color:#fff;
}
.main-question>div:nth-child(4n){
    margin-right:0;
}
.item-title{
    font-size:1.2em;
}
.item-series{
    color:#ff9800;
}
.item-scores{
    position:absolute;
    bottom:0;
    width:100%;
}
.item-scores>div{
    float:left;
    width:50%;
    height:35px;
    line-height:35px;
    border-top:1px solid #A07AA1;
    border-right:1px solid #A07AA1;
}
.item-scores>div:last-child{
    border-right:none;
}
.item-mask{
    position:absolute;
    padding-top:0.8em;
    width:100%;
    height:100px;
    background:#7FCC78;
    font-size:1.5em;
    color:#fff;
}
.item-mask{
    position:absolute;
    top:0;
    width:100%;
    height:90px;
    border-radius:5px;
    font-size:1.2em;
    vertical-align:middle;
    color:#fff;
}
.item-mask.hide{
    opacity:0;
}
.item-mask.score-0{
    animation: mask0 0.5s forwards;
}
.item-mask.score-1{
    animation: mask1 0.5s forwards;
}
.item.ans{
    animation: maskFu 0.5s forwards;
}
.item-status{
    position:absolute;
    width:100%;
    bottom:15%;
}
@keyframes maskFu{
    from {
        height:160px;
    }
    to {
        height:90px;
    }
}
@-webkit-keyframes maskFu { /* Safari 和 Chrome */
    from {
        height:160px;
    }
    to {
        height:90px;
    }
}
@keyframes mask0{
    from {
        opacity:0;
        height:160px;
    }
    to {
        opacity:1;
        background:#ffb054;
        height:90px;
    }
}

@-moz-keyframes mask0 { /* Firefox */
    from {
        opacity:0;
        height:160px;
    }
    to {
        opacity:1;
        background:#ffb054;
        height:90px;
    }
}

@-webkit-keyframes mask0 { /* Safari 和 Chrome */
    from {
        opacity:0;
        height:160px;
    }
    to {
        opacity:1;
        background:#ffb054;
        height:90px;
    }
}

@-o-keyframes mask0 { /* Opera */
    from {
        opacity:0;
        height:160px;
    }
    to {
        opacity:1;
        background:#ffb054;
        height:90px;
    }
}

@keyframes mask1{
    from {
        opacity:0;
        height:160px;
    }
    to {
        opacity:1;
        background:#7FCC78;
        height:90px;
    }
}

@-moz-keyframes mask1 { /* Firefox */
    from {
        opacity:0;
        height:160px;
    }
    to {
        opacity:1;
        background:#7FCC78;
        height:90px;
    }
}

@-webkit-keyframes mask1 { /* Safari 和 Chrome */
    from {
        opacity:0;
        height:160px;
    }
    to {
        opacity:1;
        background:#7FCC78;
        height:90px;
    }
}

@-o-keyframes mask1 { /* Opera */
    from {
        opacity:0;
        height:160px;
    }
    to {
        opacity:1;
        background:#7FCC78;
        height:90px;
    }
}
.item-labels{
    width:100%;
    overflow: hidden;
    background:transparent;
}
.item-labels>div{
    width:100%;
    margin-bottom:0.8em;
    border-right:none;
}
.item-label>div{
    padding:0.5em 0.3em;
}
.item-label>div:first-child{
    width:40%;
}
.item-label>div:last-child{
    width:60%;
    font-size:1.2em;
}
.behavior{
    text-align:center;
    padding:0.5em 0.3em;
}
.node>div{
    margin-bottom:0.8em;
    border:1px solid #A07AA1;
    text-align:center;
    background-color:#A07AA1;
    color:#fff;
}
.node>div>div{
    padding:0.5em;
}
.node>div>div:last-child{
    background:#fff;
    font-size:1.2em;
    color:#afa2b0;
}
.table th{
    width:35%;
    background:#27A612;
    text-align:center;
    font-weight:normal;
    color:#fff;
}
.table th:nth-child(2){
    width:30%;
}
.table td{
    background:#e2efda;
    text-align:center;
    vertical-align:middle;
    color:#27A612;
}
.table tbody tr:first-child td:nth-child(2){
    background:#27A612;
}
.table td>div{
    float:left;
    width:33.3%;
    height:60px;
    padding:0.3em 0;
    border-right:1px solid #fff;
    display: flex;
    display: -webkit-flex; /* Safari */
    align-items:center;
    justify-content:center;
}
.table td>div:last-child{
    border-right:none;
}
.table tbody tr td:nth-child(2)>div{
    width:100%;
}
.table-bordered,.table-bordered thead tr th,.table-bordered tbody tr td{
    border-color:#fff;
}
.table tbody tr td{
    padding:0;
}
.table-bordered tbody tr td div i{
    font-size:24px;
}
.table tbody tr:first-child td{;
    background:#7FCC78;
    color:#fff;
}
.table tbody tr:first-child td>div{
    height:80px;
}
.table tbody tr td>div.bg-grey{
    background:#ccc!important;
    color:transparent;
}
.modal-backdrop {
    z-index: -1;
}
.modal-dialog{
    position:absolute;
    top:50%;
    left:50%;
    width:400px;
    height:180px;
    margin-top:-90px;
    margin-left:-200px;
}
.modal-header{
    background:#ebebeb;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom:none;
}
.modal-footer{
    text-align:center;
    border-top:none;
}
